<template>
  <div class="student">
    <h1>学生管理</h1>


    <div class="student-list">
      <el-table :data="student" height="250" style="width: 100%">
        <!-- 无数据时显示 -->
        <template #empty>
          <el-empty description="暂无数据" />
        </template>

        <el-table-column prop="id" label="学号" width="180" />
        <el-table-column prop="name" label="姓名" width="180" />
        <el-table-column prop="age" label="年龄" />
      </el-table>
    </div>
  </div>
</template>

<script lang="ts" setup>

  const student:IStudent[] = [
    // {
    //   id: 'stu001',
    //   name: '张三',
    //   age: 18
    // },
    // {
    //   id: 'stu002',
    //   name: '李四',
    //   age: 19
    // },
    // {
    //   id: 'stu003',
    //   name: '王五',
    //   age: 20
    // },
    // {
    //   id: 'stu004',
    //   name: '赵六',
    //   age: 21
    // },
    // {
    //   id: 'stu005',
    //   name: '钱七',
    //   age: 22
    // }
  ]
</script>

<style scoped>

</style>
